/*
 *@name:common
 *@author:smoke520.7@gmail.com
 *@version:1.1.0
 *@modifyTime:2013-07-12
 *@structure:无
 */

body{ font-size:12px; font-family:Arial;}
a,a:hover{ color:#2e8070;}
.whitelink a:link{ color:#000000; }
.whitelink a:hover{ color:#000000; text-decoration:underline;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
ul,ol,li,dl,dt,dd{ margin:0; list-style: none;}
#footer{ margin-top:20px; padding:15px 0; border-top:1px solid #ededed; font-family:Arial; color:#737373; text-align:center;}
a.btn-normal{ height:28px; float:left; position:relative; padding:0 20px; font-size:14px; color:#fff!important; font-weight:700; background:url(../img/button-1.png) no-repeat 0 0; line-height:24px;}
a.btn-normal span{ position:absolute; top:0; right:0; width:5px; height:28px; background:#f60;}

.util-left,.util-right{display:inline;}
.util-left{float:left;}
.util-right{float:right;}

/*
 * 无额外标签的清楚浮动
 */
.util-clearfix:after{visibility:hidden;display:block;height:0;font-size:0;content:'\0020';clear:both;}
.util-clearfix{zoom:1; /* for IE6 IE7 */}

/*
 * 容器内水平垂直居中
 */
.util-valign{display:table;overflow:hidden;height:100%;*position:relative;}
.util-valign .util-valign-ctn{display:table-cell;vertical-align:middle;text-align:center;*position:absolute;*top:50%;*left:50%;}
.util-valign .util-valign-inner{*position:relative;*top:-50%;*left:-50%;}

/*
 *@name : textfield-base
 *@description : 输入框(包括input[type=text]和textarea)的视觉定义. 包括normal和error两种类型和disabled一种需要声明的状态.
 *@author:smoke520.7@gmail.com
 *@version : 1.1
 *@structure : 
 *           <input type="text" class="ui-textfield ui-textfield-system ui-textfield-disabled" />
 *           <textarea class="ui-textfield ui-textfield-error ui-textfield-disabled"></textarea>
 */
 
 /*
  * bounding box
  */
.ui-textfield {
	display : inline-block;
	*display : inline;
	*zoom : 1;
	overflow : visible;
	outline : none;
	/* resize : none; */
}

/*
 * textfield state
 */
 
.mainSearchInput{ line-height:24px; border:1px solid #ccc; background:#fff; width:100px; height:24px;}

.ui-textfield-system {
	height : 14px;
	padding : 5px 4px;

	font-family : Arial;
	font-weight : normal;
	font-size : 12px;
	line-height : 14px;
	color : #333;

	background-color : #fff;
	border : 1px solid #ccc;

	-webkit-box-shadow : inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow : inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow : inset 0 1px 2px rgba(0,0,0,.1);

	-webkit-transition : border linear 0.2s;
	-moz-transition : border linear 0.2s;
	-ms-transition : border linear 0.2s;
	-o-transition : border linear 0.2s;
	transition : border linear 0.2s;
}

.ui-textfield-system:focus {
	border : 1px solid #70a5e0;

	-webkit-box-shadow : inset 0 1px 2px rgba(0,0,0,.1), 0 0 1px 0 rgba(112,165,224,1);
	-moz-box-shadow : inset 0 1px 2px rgba(0,0,0,.1), 0 0 1px 0 rgba(112,165,224,1);
	box-shadow : inset 0 1px 2px rgba(0,0,0,.1), 0 0 1px 0 rgba(112,165,224,1);
}

.ui-textfield-system:-moz-placeholder {
  color: #aaa;
}

.ui-textfield-system:-ms-input-placeholder {
  color: #aaa;
}

.ui-textfield-system::-webkit-input-placeholder {
  color: #aaa;
}

/*
 * textfield type
 */
.ui-textfield-error {
	background-color : #fff;
	border : 1px solid #e66045;

	-webkit-box-shadow : inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow : inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow : inset 0 1px 2px rgba(0,0,0,.1);
}

/*
 * attributes
 */

.ui-textfield.disabled, 
.ui-textfield.readonly {
	border : 1px solid #ccc;
	background : #eee;

	cursor : normal;

	-webkit-box-shadow : none;
	-moz-box-shadow : none;
	box-shadow : none;
}

.ui-textfield.placeholder {
  color: #aaa;
}

.ui-textfield.multiple {
	height : auto;
}
.ui-textarea-wh{
    width:350px;
    height:150px;
}

/*
 *@name : radio-base
 *@description : 单选框的视觉样式定义.
 *@author:smoke520.7@gmail.com
 *@version : 1.1
 *@structure : 
 *           <input type="radio" class="ui-radio ui-radio-system" />
 */

.ui-radio {
	display : inline-block;
	*display : inline;
	*zoom : 1;
}

.ui-radio-system {
	width : auto;
	height : auto;
	margin : 0 3px 3px 0;
	*margin : 0 3px 0 0;
	line-height : normal;
	border : none;
	background-color : transparent;
	cursor : pointer;
}

.ui-radio-system:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.ui-radio.disabled, 
.ui-radio.radonly {
	
}


/*
 *@name : checkbox-base
 *@description : 复选框的视觉样式定义.
 *@author:smoke520.7@gmail.com
 *@structure : 
 *           <input type="checkbox" class="ui-checkbox ui-checkbox-system" />
 */

.ui-checkbox {
	display : inline-block;
	*display : inline;
	*zoom : 1;
}

.ui-checkbox-system {
	width : auto;
	height : auto;
	margin: 0 3px 3px 0;
	*margin : 0 3px 0 0;
	line-height : normal;
	border : none;
	background-color : transparent;
	cursor : pointer;
}

.ui-checkbox-system:focus {
	outline : thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.ui-checkbox.disabled, 
.ui-checkbox.readonly {
	
}


/*
 *@name : button-base
 *@description : 按钮(包括使用button和input[type=button | submit]以及a标签)的视觉定义.
 *@require : core
 *@author:smoke520.7@gmail.com
 *@structure : 
 *           <button class="ui-button ui-button-primary ui-button-disabled">Button</button>
 *           <input type="button" class="ui-button ui-button-primary ui-button-disabled" value="Button" />
 */


/*
 * bounding box
 */ 
.ui-button-page {
	display : inline-block;
	*display : inline;
	*zoom : 1;
	position: relative;
	overflow : visible;
}

/*
 * button state	[primary, normal]
 */
.ui-button-page.ui-button-primary, 
.ui-button-page.ui-button-normal {
	margin : 0;
	font-family : Arial;
	font-weight : bold;
	text-align : center;
	vertical-align : middle;
	cursor : pointer;

	-webkit-border-radius : 2px;
	-moz-border-radius : 2px;
	border-radius : 2px;
	-webkit-box-shadow : 0 1px 2px 0 rgba(0,0,0,.1);
	-moz-box-shadow : 0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow : 0 1px 2px 0 rgba(0,0,0,.1);
}

.ui-button-primary:hover, 
.ui-button-normal:hover {
	text-decoration : none;
}

.ui-button-primary:active, 
.ui-button-normal:active {
	-webkit-box-shadow: 0 0 0 0 transparent,
	 					inset 0 1px 2px rgba(0,0,0,.1), 0 0 0 rgba(0,0,0,.05),
	 					0 0 0 0 transparent,
	 					0 1px 2px 0 rgba(0,0,0,.1);
  	-moz-box-shadow: 0 0 0 0 transparent,
	 				 inset 0 1px 2px rgba(0,0,0,.1), 0 0 0 rgba(0,0,0,.05),
	 				 0 0 0 0 transparent,
	 				 0 1px 2px 0 rgba(0,0,0,.1);
  	box-shadow: 0 0 0 0 transparent,
	 			inset 0 1px 2px rgba(0,0,0,.1), 0 0 0 rgba(0,0,0,.05),
	 			0 0 0 0 transparent,
	 			0 1px 2px 0 rgba(0,0,0,.1);
}

.ui-button-primary,
.ui-button-primary:link,  
.ui-button-primary:visited, 
.ui-button-primary:active {
	color : #ffffff;
	border : 1px solid #e87b0e;
	
	background-color : #ff9917; /* fallback for older/unsupporting browsers */  

	/* Progressive Enhancement */
	background-image : -moz-linear-gradient(top, #ffab02, #ff8a28);
	background-image : -ms-linear-gradient(top, #ffab02, #ff8a28);
	background-image : -webkit-gradient(linear, 0 0, 0 100%, from(#ffab02), to(#ff8a28));
	background-image : -webkit-linear-gradient(top, #ffab02, #ff8a28);
	background-image : -o-linear-gradient(top, #ffab02, #ff8a28);
	background-image : linear-gradient(top, #ffab02, #ff8a28);
	background-repeat : repeat-x;
	filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab02', endColorstr='#ff8a28', GradientType=0);
}

.ui-button-primary:hover {
	color : #ffffff;
  	
  	background-color : #f8af23;

  	/* Progressive Enhancement */
	background-image : -moz-linear-gradient(top, #ffbc35, #f2a210);
	background-image : -ms-linear-gradient(top, #ffbc35, #f2a210);
	background-image : -webkit-gradient(linear, 0 0, 0 100%, from(#ffbc35), to(#f2a210));
	background-image : -webkit-linear-gradient(top, #ffbc35, #f2a210);
	background-image : -o-linear-gradient(top, #ffbc35, #f2a210);
	background-image : linear-gradient(top, #ffbc35, #f2a210);
	background-repeat : repeat-x;
	filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbc35', endColorstr='#f2a210', GradientType=0);
}

.ui-button-normal, 
.ui-button-normal:link, 
.ui-button-normal:visited, 
.ui-button-normal:active {
	color : #333333;
	border : 1px solid #bcbcbc;

  	background-color : #eeeeee; 

  	background-image : -moz-linear-gradient(top, #fafafa, #e8e8e8);
	background-image : -ms-linear-gradient(top, #fafafa, #e8e8e8);
	background-image : -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e8e8e8));
	background-image : -webkit-linear-gradient(top, #fafafa, #e8e8e8);
	background-image : -o-linear-gradient(top, #fafafa, #e8e8e8);
	background-image : linear-gradient(top, #fafafa, #e8e8e8);
	background-repeat : repeat-x;
	filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e8e8e8', GradientType=0);
}

.ui-button-normal:hover {
	color : #333333;
  	
  	background-color : #fdfdfd;

  	background-image : -moz-linear-gradient(top, #fafafa, #f2f2f2);
	background-image : -ms-linear-gradient(top, #fafafa, #f2f2f2);
	background-image : -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f2f2f2));
	background-image : -webkit-linear-gradient(top, #fafafa, #f2f2f2);
	background-image : -o-linear-gradient(top, #fafafa, #f2f2f2);
	background-image : linear-gradient(top, #fafafa, #f2f2f2);
	background-repeat : repeat-x;
	filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f2f2f2', GradientType=0);
}


/*
 * button type [small, medium, large]
 */

.ui-button-small {
	font-size : 12px;
	line-height : 14px;
	*line-height : 12px;
	padding : 2px 10px;
	*padding : 1px 10px;
}

.ui-button-medium {
	font-size : 14px;
	line-height : 18px;
	*line-height : 14px;
	padding : 3px 15px;
	*padding : 2px 15px;
}

.ui-button-large {
	font-size : 18px;
	line-height : 18px;
	*line-height : 17px;
	padding : 8px 15px;
	*padding : 6px 15px;
}



/*
 * button disabled
 */
.ui-button-page.disabled, 
.ui-button-page.disabled:link, 
.ui-button-page.disabled:hover, 
.ui-button-page.disabled:active {
	color : #cbcbcb;
	border : solid 1px #d4d4d4;
	cursor : default;
  	
  	background-color : #e6e6e6;

  	background-image : -moz-linear-gradient(top, #f5f5f5, #e6e6e6);
	background-image : -ms-linear-gradient(top, #f5f5f5, #e6e6e6);
	background-image : -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#e6e6e6));
	background-image : -webkit-linear-gradient(top, #f5f5f5, #e6e6e6);
	background-image : -o-linear-gradient(top, #f5f5f5, #e6e6e6);
	background-image : linear-gradient(top, #f5f5f5, #e6e6e6);
	background-repeat : repeat-x;
	filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e6e6e6', GradientType=0);
	
	text-shadow : #ffffff 0 1px 1px ;
	-webkit-box-shadow : 0 1px 2px 0 rgba(0,0,0,.1);
	-moz-box-shadow : 0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow : 0 1px 2px 0 rgba(0,0,0,.1);
}

/*
 *@name : dropdown-base
 *@description : 下拉选单的视觉样式定义.
 *@require : core
 *@author:smoke520.7@gmail.com
 *@structure : 
 *           <input type="text" class="ui-textfield ui-textfield-normal ui-textfield-disabled" />
 *           <textarea class="ui-textfield ui-textfield-error ui-textfield-disabled"></textarea>
 */


/*
 * bounding box
 */
.ui-dropdown {
	display : inline-block;
	*display : inline;
	*zoom : 1;
}

.ui-dropdown-system {
	height : 26px;

	padding : 4px\9; /* hacks 覆盖IE系列, 但是生效的为IE8+, 而IE8需要用padding来进行设置玩高度之后的内容垂直居中, IE9不需要 */

	line-height : 26px; 
	font-family : Arial;
	font-size : 12px;
	color : #333;

	border : 1px solid #bbb;

	-webkit-box-shadow : inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow : inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow : inset 0 1px 2px rgba(0,0,0,.1);

	-webkit-transition : border linear 0.2s;
	-moz-transition : border linear 0.2s;
	-ms-transition : border linear 0.2s;
	-o-transition : border linear 0.2s;
	transition : border linear 0.2s;
}

:root .ui-dropdown-system { /* 联动hacks, 消除IE9下设置padding的定义 */
	padding : 0 \9;
}

@-moz-document url-prefix() {/* Firefox和IE8 同样处理 */
	.ui-dropdown-system {
		padding : 4px;
	}
}

.ui-dropdown-system option {
	display : block;
	padding : 2px 4px;
}

.ui-dropdown-system:focus {
	border : 1px solid #70a5e0;

	-webkit-box-shadow : inset 0 1px 2px rgba(0,0,0,.1), 0 0 1px 0 rgba(112,165,224,1);
	-moz-box-shadow : inset 0 1px 2px rgba(0,0,0,.1), 0 0 1px 0 rgba(112,165,224,1);
	box-shadow : inset 0 1px 2px rgba(0,0,0,.1), 0 0 1px 0 rgba(112,165,224,1);
}

.ui-dropdown-error {
	background-color : #fff;
	border : 1px solid #e66045;

	-webkit-box-shadow : inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow : inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow : inset 0 1px 2px rgba(0,0,0,.1);
}

.ui-dropdown.multiple {
	height : auto;
	padding : 4px 8px 4px 4px;
}

.ui-dropdown.disabled, 
.ui-dropdown.readonly {
	
}

.ui-dropdown-menu {
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	background-color: #ffffff;

	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;

	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;

	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.13);
	-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.13);
	box-shadow: 3px 3px 4px rgba(0,0,0,.13);

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}